<head>
<meta
	content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
	name='viewport'>
<!-- bootstrap 3.0.2 -->
<link href="resources/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<!-- font Awesome -->
<link href="resources/css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />
<!-- Ionicons -->
<link href="resources/css/ionicons.min.css" rel="stylesheet"
	type="text/css" />
<!-- Theme style -->
<link href="resources/css/AdminLTE.css" rel="stylesheet" type="text/css" />

<!-- jQuery 2.0.2 -->
<script type="text/javascript" src="resources/script/jquery.min.js"></script>
<script type="text/javascript"
	src="resources/script/jquery.validate.min.js"></script>
<!-- Bootstrap -->
<script src="resources/script/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="resources/script/AdminLTE/app.js" type="text/javascript"></script>
</head>
<header class="header">
	<a href="" class="logo"> <!-- Add the class icon to your logo image or logo icon to add the margining -->
		User Management
	</a>
	<!-- Header Navbar: style can be found in header.less -->
	<nav class="navbar navbar-static-top" role="navigation">
		<!-- Sidebar toggle button-->
		<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas"
			role="button"> <span class="sr-only">Toggle navigation</span> <span
			class="icon-bar"></span> <span class="icon-bar"></span> <span
			class="icon-bar"></span>
		</a>
		<div class="navbar-right">
			<ul class="nav navbar-nav">
				<!-- User Account: style can be found in dropdown.less -->
				<li class="dropdown user user-menu"><a href="#"
					class="dropdown-toggle" data-toggle="dropdown"> <i
						class="glyphicon glyphicon-user"></i>${sessionScope.account.firstName } ${sessionScope.account.lastName}<span><i
							class="caret"></i></span>
				</a>
					<ul class="dropdown-menu">
						<!-- User image -->
						<li class="user-header bg-light-blue"><img
							style="width: 128px; height: 128px;"
							src="resources/image/avatar5.png" class="img-circle"
							alt="Company Image"></li>
						<!-- Menu Body -->
						<!-- Body Content-->
						<!-- Menu Footer-->
						<li class="user-footer">
							<div class="pull-left">
								<a href="changepassword.jsp" class="btn btn-default btn-flat">Change
									Password</a>
							</div>
							<div class="pull-right">
								<a href="user?action=logout" class="btn btn-default btn-flat">Sign
									out</a>
							</div>
						</li>
					</ul></li>
			</ul>
		</div>
	</nav>
</header>
